<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>酷瓜网</title>
        <link href="style.css" media="all" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="page_header">
        <div class="header_top">
            <div class="container_12">
                <ul class="horizontal-list helper">
                    <li class="link">
                        <a href="/signup">注册</a>
                    </li>
                    <li class="separator">
                        | 
                    </li>
                    <li class="link">
                        <a href="/login">登陆</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container_12 clr">
            <div class="grid_6">
                <div class="logo">
                    <a href="/"><img src="../public/images/logo_base.png" /></a>
                </div>
                <div class="main_nav">
                    <a href="/login">个人主页</a>
                    |<a href="/explore">建议</a>
                    |<a href="/start">小组</a>
                    |<a href="/start">日记</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Context start  -->
    <div class="background">
        <div class="container_12 clearfix content">
            <div class="grid_12 ">
                <div class="signup_panel">
                    <div class="signup_form clearfix">
                        <h2>创建新账号</h2>
                        <form action="/account" method="post">
                            <div class="overlabelable">
                                <label for="new_user_username" class="overlabel">
                                   	 用户名
                                </label>
                                <div class="fieldWithErrors">
                                    <input autocomplete="off" class="textfield text" id="new_user_username" name="new_user[username]" size="30" title="3-32 characters.&lt;br /&gt;Numbers, alphabet, &quot;-&quot;, &quot;_&quot; and &quot;.&quot; are available. (first character must be alphabet)" type="text" value="sw" />
                                </div>
                            </div>
                            <div class="overlabelable">
                                <label for="new_user_email" class="overlabel">
                                    Email
                                </label>
                                <div class="fieldWithErrors">
                                    <input autocomplete="off" class="textfield text" id="new_user_email" name="new_user[email]" size="30" title="Please input &quot;available&quot; email address. We send confirmation mail after you signed up." type="text" value="wdw" />
                                </div>
                            </div>
                            <div class="overlabelable">
                                <label for="new_user_password" class="overlabel">
                                  	  密码
                                </label>
                                <div class="fieldWithErrors">
                                    <input autocomplete="off" class="textfield password" id="new_user_password" name="new_user[password]" size="30" title="6-16 characters" type="password" value="dw" />
                                </div>
                            </div>
                            <div class="overlabelable">
                                <label for="new_user_password_confirmation" class="overlabel">
                                   	 密码确认
                                </label>
                                <input autocomplete="off" class="textfield password" id="new_user_password_confirmation" name="new_user[password_confirmation]" size="30" title="Same as password" type="password" value="dwdw" />
                            </div>
                            <p class="terms">
                                <input checked="checked" class="checkbox" id="conditions_accepted" name="conditions_accepted" type="checkbox" value="1" />
                                <label for="conditions_accepted">
                                    	我同意 <a href="https://smart.fm/terms" class="modal">服务条款</a>.
                                </label>
                            </p>
                            <div class="submit">
                                <input class="button submit" data-disabled="Sending.." id="new_user_submit" type="submit" value="注册" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="support">
                <p class="signup">
                    	有酷瓜上的账号?  点击<a href="/signup"> 这里 </a>登陆
                </p>
            </div>
        </div>
    </div>
    </div>
</body>
</html>
